<template>
  <div class="header">
     <div class="header-left">
       <p class="iconfont vivo">&#xe60e;</p>
     </div>
     <div class="header-right">
       <span class="headr-login">登录</span>
       <span class="header-reg">注册</span>
     </div>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader',
}
</script>

<style lang="less">
  .header{
    position: fixed;
    top: 0;
    width: 100%;
    height: 1.5rem;
    z-index: 2;
    background:linear-gradient(to right, #95c1da, #4263dd);
    color: white;
    .header-left{
      float: left;
      height: 1.5rem;
      .vivo{
        height: 100%;
        font-size: .6rem;
        line-height: 1.5rem;
        margin-left: .3rem;
        color: white;
      }
    }
    .header-right{
      float: right;
      text-align: center;
      height: 1.5rem;
      line-height: 1.5rem;
      margin-right: .3rem;
      font-size: .42rem;
      .headr-login{
        padding-right: .2rem;
        border-right: 1px solid white;
      }
      .header-reg{
        padding-left: .10rem;
      }
    }
  }
</style>
